// 管理用户数据相关
import { defineStore } from "pinia"
import { ref } from 'vue'
import { loginAPI } from "@/apis/login"
import { useCartStore } from "./cart"
import { mergeCartAPI } from '@/apis/cart'

// Pinia管理用户数据
// 基本思想：Pinia 负责用户数据相关的 state和 action，组件中只负责触发 action函数并传递参数

// defineStore(模块名, 回调函数)
export const useUserStore = defineStore('user', () => {
  // 注意: 要在回调函数里面拿到别的模块的实例
  const cartStore = useCartStore()
  // 1.定义管理用户数据的 state
  const userInfo = ref({})
  // 2.定义获取接口的 action 函数
  // (1) 获取登录信息
  const getUserInfo = async ({ account, password }) => {
    const res = await loginAPI({ account, password })
    userInfo.value = res.result
    // 登录时, 也同时获取购物车信息进行合并 -- 利用 map 遍历数组 返回一个对象
    await mergeCartAPI(cartStore.cartList.map( item => {
      return {
        skuId: item.skuId,
        selected: item.selected,
        count: item.count
      }
    }))
    // 更新最新的购物车列表
    cartStore.updateNewList()
  }
  // (2) 退出登录清除用户信息
  const clearUserInfo = () => {
    userInfo.value = {}
    // 退出登录清除购物车信息
    cartStore.clearCart()
  }
  // 3.以对象形式把 state 和 action 暴露出去
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
},
  // pinia 持久化
  {
    persist: true,
  }
)
